DEW.HomeController = function() {};

$.extend(DEW.HomeController.prototype, {
    render: function() {
	DEW.ViewManager.removeAll();
        this.displayLayout();
        this.displayHeader();
        this.displayBody();
        this.displayFooter();
    },

    displayLayout: function() {
        var baseLayout = new DEW.BaseLayout();
        baseLayout.render();
        $(baseLayout.el).appendTo("#content");
	DEW.ViewManager.addView(baseLayout);
    },

    displayHeader: function() {
        var header = new DEW.Header({
            logo: {
                src: 'images/logo.jpg',
                alt: 'Logo'
            }
//                enlaces: [{
//                id: 0,
//                text: 'Registrate',
//                show: true,
//                textonly: false,
//                handler: function() {
//                    var loginPopup = new DEW.PopupWindow({
//                        ctClass: 'loginPopup',
//                        title: 'Registrar Usuario',
//                        needValidation: false,
//                        panel: new DEW.RegistrarUsuario({
//                            model: new DEW.UsuarioModel()
//                        }),
//                        buttons: [{
//                            id: 'create-btn',
//                            name : 'Crear',
//                            hidden: false,
//                            primary: true,
//                            handler: function() {
//                                loginPopup.panel.authenticate({
//                                    success: function(email) {
//                                        loginPopup.panel.hideLoginError();
//                                        header.login(email);
//                                        loginPopup.close();
//                                    }
//                                });
//                            }
//                        }]
//                    });
//                    loginPopup.render();
//                    $("body").append(loginPopup.el);
//                }
//            },{
//                id: 1,
//                text: '',
//                textonly: true,
//                show: false
//            },{
//                id: 2,
//                text: 'Salir',
//                show: false,
//                textonly: false,
//                handler: function() {
//                header.logout();
//              }
//            }         
//        ]          
        });
        header.render();
        $(header.el).appendTo("#header");
	DEW.ViewManager.addView(header);
        
        /*header.on("accederLink",function() {                      
            var accederProyectoView = new DEW.BaseDetalleProyecto({               
            });          
            accederProyectoView.render(); 
            $(accederProyectoView.el).appendTo(".columna_central");   
        
        });*/
    },

    displayBody: function() {  
        
		//Cargando categorias
        var categoriesCollection = new DEW.CategoriesCollection();
        categoriesCollection.fetch({reset: true});
     
        var sidebar = new DEW.Sidebar({
            model: categoriesCollection
        });      
        
        $(sidebar.el).appendTo("#sidebar");
        
        var slider = new DEW.Slider();
        slider.render();
        $(slider.el).prependTo(".marco");
        
        sidebar.on("changeCategory",function(categoryId) {
            listView.categoryId = categoryId;
            listView.render();               
        });
		
		
		
		$(sidebar.el).appendTo(".sidebar");
        DEW.ViewManager.addView(sidebar);
        
		
        //Cargando lista de datos
        var listCollection = new DEW.ListCollection();
        listCollection.fetch({reset:true});        
        
		/*var listCollection = DEW.StoreManager.get('listCollection');
        if (listCollection === null) {
            listCollection = new DEW.ListCollection();
            listCollection.fetch({reset:true});

        }*/
		
		
		 //Creando la vista y asociandole el modelo
        var listView = new DEW.List({
            model: listCollection
        });
        $(listView.el).appendTo(".columna_central");
		DEW.ViewManager.addView(listView);
        
        //Creando la vista y asociandole el modelo        
        listView.on("changeList",function(proyectoId,usuarioId) {
            listView.remove(); 
            sidebar.remove();
            listDestacaView.remove();
            listVisitadoView.remove();          
                                  
            //base del detalle del proyecto
            var baseDetalleProyectoView = new DEW.BaseDetalleProyecto({               
            });          
            baseDetalleProyectoView.render(); 
            $(baseDetalleProyectoView.el).appendTo(".cuerpo");             
                         
            //Detalle del proyecto
            var itemProyecto = new DEW.ListCollection();
            itemProyecto.fetch({reset:true});
             
            
            var detalleProyectoView = new DEW.DetalleProyecto({
                 model: itemProyecto
            });          
            detalleProyectoView.idProyecto=proyectoId;
            detalleProyectoView.render();             
            $(detalleProyectoView.el).appendTo(".detalleProyecto");             
                                      
                         
//          informacion del creador
            var itemUsuario = new DEW.UsuarioCollection();
            itemUsuario.fetch({reset:true});

            var infoCreadorView = new DEW.InfoCreador({
                model: itemUsuario
            });
            infoCreadorView.usuarioId= usuarioId;
            infoCreadorView.render();
            $(infoCreadorView.el).appendTo(".creador");
            
            //inforamcion del usuario            
            var itemsPremios = new DEW.PremioCollection();            
            itemsPremios.fetch({reset:true});
            //model: itemsPremios
            var premioView = new DEW.Premio({
                model: itemsPremios
            });
            premioView.proyectoId = proyectoId;
            premioView.render();
            $(premioView.el).appendTo(".premios");
            
//             alert("hola " + proyectoId);
        });       
                       
        //Destacados Cargando lista de datos
        var listCollectionDestacado = new DEW.ListCollection();
        listCollectionDestacado.fetch({reset:true});

        var listDestacaView = new DEW.listDestacadoView({
            model: listCollection
        });
        
        listDestacaView.stars =  parseInt(4);
        listDestacaView.render();        
        $(listDestacaView.el).appendTo(".columna_central_a");
        
        //Visitados Cargando lista de datos
        var listCollectionVisitado = new DEW.ListCollection();
        listCollectionVisitado.fetch({reset:true});

        var listVisitadoView = new DEW.listVisitadoView({
            model: listCollectionVisitado
        });
        listVisitadoView.visited =  parseInt(1000);
        listVisitadoView.render();        
        $(listVisitadoView.el).appendTo(".columna_central_b");

    }

//    displayFooter: function() {
//        var footer = new DEW.Footer();
//        footer.render();
//        $(footer.el).appendTo("#footer");
//	DEW.ViewManager.addView(footer);
//    }

});